{{if multiple}}
<input type="checkbox" {{if item.checked}}checked{{/if}} tabindex="-1" id="s{{uid}}-{{item.value}}" name="{{uid}}-{{item.value}}">
<label for="s{{uid}}-{{item.value}}">
    <i role="icon" class="str-icon input-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
            <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path>
        </svg>
    </i>
{{/if}}
<div class="str-menu-item ripple" tabindex="{{uid}}" data-action="{{item.value}}">
    {{if item.leadicon}}<str-icon nofocus icon="{{item.leadicon}}" width="24" height="24" class="menulist-before-icon"></str-icon>{{/if}}
    <span>{{item.content}}</span>
    {{if item.trailicon}}<str-icon nofocus icon="{{item.trailicon}}" width="24" height="24" class="menulist-after-icon"></str-icon>{{/if}}
</div>
{{if multiple}}</label>{{/if}}